
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org" lang="zh">

<head>
<link rel="StyleSheet" href="../../static/css/jpetstore.css" type="text/css"
	media="screen" />

<meta name="generator"
	content="HTML Tidy for Linux/x86 (vers 1st November 2002), see www.w3.org" />
<title>JPetStore Demo</title>
<meta content="text/html; charset=windows-1252"
	http-equiv="Content-Type" />
<meta http-equiv="Cache-Control" content="max-age=0" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="expires" content="0" />
<meta http-equiv="Expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
<meta http-equiv="Pragma" content="no-cache" />
	<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

</head>

<body>

<div th:include="~{common/commonSide::topbar}"></div>
	<div id="Content">

		<div id="Catalog">

			<h2>Item</h2>

			<table>
				<tr>
					<th>Item ID</th>
					<th>Product ID</th>
					<th>Description</th>
					<th>List Price</th>
					<th></th>
				</tr>

				<div th:each="item:${items}">
				<tr>
					<td><a th:href="@{'/catalog/itemId/'+${item.itemid}}" th:text="${item.itemid}">id</a></td>
					<td th:text="${item.productId}"></td>
					<td th:text="${item.attr1}"></td>
					<td th:text="'$'+${item.listPrice}"></td>
					<td>
						<label th:if = "${item.getStatus() == 'P'}" th:item="${item.itemid}" onclick="postItem(this.getAttribute('item'))">
							<a class="button">add to cart</a>
						</label>
						<label th:if = "${item.getStatus() != 'P'}">Back ordered</label>
					</td>
				</tr>
				</div>
			</table>
			<script type="text/javascript">
				function postItem(item){
					$.post('/viewCart/update',item,function (data){
						alert(data.message)
					})
				}
			</script>
		</div>

	</div>

<div th:include="~{common/commonSide::footer}"></div>

</body>
</html>





